@charset "utf-8";
/* CSS Document */
body,html{ display:block; height:100%;width:100%; padding:0; margin:0;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
body{ background:#e74c3c;}
.content{ display:block; height:100%;}
.mask{ display:block; position:absolute; top:0px;left:0px; background:#f00; opacity:0; z-index:99999; width:100%; height:100%;}
.game_content{ background:#27ae60; padding:2% 0;}
.game_content div{ display:table-cell;overflow: hidden;padding-bottom: 5px;}
.game_content ul{ display:table; width:96%; padding:0; margin: 0 5px;}
.game_content li{ display:table-row; }
.game_content b{ display:block; width:100%; height:100%; margin: 0 0 0px 5px;}
.game_content li:last-child div{padding-bottom:0px;}
.game_content li div:first-child b{}
.head{text-align: center;
color: #fff;padding-top: 10px;
background: url(../images/tree_left.png) bottom left no-repeat,url(../images/tree_right.png) bottom right no-repeat;
background-size: 33px;
height: 80px;
margin-bottom: 5px;
}
.clock{ background: url(../images/time.png) no-repeat;
background-size: 100% 100%;
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px -5px 0;}
.head_title{ font-size:16px; margin: 10px 0 15px;}
.lin2 div{width:50%; height:50%;}
.lin3 div{width:33.33%;height:33.33%;}
.lin4 div{width:25%; height:25%;}
.lin5 div{width:20%; height:20%;}
.lin6 div{width:16.67%; height:16.67%;}


.pop{   display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;background:url(../images/error.png) center center no-repeat #19323b; background-size:45%;z-index: 101;-webkit-transform:translate(0%,0%);}
.form_contact{display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;z-index: 101;-webkit-transform:translate(0%,0%);background: url(../images/logo.png) center 95% no-repeat #eee;
background-size: 45%;}
.no_author{display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;background:url(../images/error.png) center center no-repeat #19323b; background-size:25%;z-index: 101;-webkit-transform:translate(0%,0%);}
.fcontent{ margin:10px;}
.fcontent h2{ text-align:center; font-size:16px; margin:10px 0;}
.fcontent div{ font-size:14px; line-height:30px; vertical-align:middle; margin-bottom:10px;}
.fcontent input[type=text]{ border-radius: 5px; height:25px; line-height:25px; vertical-align:middle;
border: 1px solid #999; width: 80%;}
.fcontent input[type=textarea]{ width:80%;border-radius: 5px;line-height:25px; vertical-align:middle;border: 1px solid #999; height:60px;}

.author{width:100%; height:100%; position:absolute;top:0px; left:0px;z-index: 999;-webkit-transform:translate(0%,0%);}
.share{display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;background: url(../images/logo.png) center 95% no-repeat #19323b;
background-size: 45%;z-index: 150;-webkit-transform:translate(0%,0%); font-size:14px; color:#fff; text-align:center;}
.game_rule{display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;background: #eee;z-index: 999999;-webkit-transform:translate(0%,0%);}
.game_rule p{ line-height:20px; font-size:12px;}
.game_rule p img{ display:block; margin:5px auto;}
.start{ display:block;width:100%; height:100%; position:absolute;top:0px; left:0px; z-index:100; background:url(../images/bg.jpg) no-repeat #fff; 
background-size:100% 300px; 
-webkit-background-size:100% 300px;
-webkit-transform:translate(0%,0%); 
	 overflow:hidden;
}
.restart{
background:url(../images/bg.jpg) no-repeat #fff; 
background-size:100% 300px;}
.up_animation{
	-webkit-animation: upanimation 0.8s ease-in 0s forwards;
}
@-webkit-keyframes upanimation
{
	from {-webkit-transform:translate(0%,0%);}
	to {-webkit-transform:translate(0%,-100%);}
}
.down_animation{
	-webkit-animation: downanimation 0.8s ease-in 0s forwards;
}
@-webkit-keyframes downanimation
{
	from {-webkit-transform:translate(0%,-100%);}
	to {-webkit-transform:translate(0%,0%);}
}

.wiggle{
 -webkit-animation: wiggle 0.3s ease-in 0s 3 forwards;
 }
 .bg_wiggle{
 -webkit-animation: wiggle 0.3s ease-in 0s infinite forwards;
 }
@-webkit-keyframes wiggle{
    0% {-webkit-transform:rotate(0deg)}
 25% {-webkit-transform:rotate(-3deg)}
    50% {-webkit-transform:rotate(0deg)}
 75% {-webkit-transform:rotate(3deg)}
 100% {-webkit-transform:rotate(0deg)}
}

.ym,.lyc,.md,.idmz,.anr,.kb,.jlq,.zxy,.nstlwq,.ml,.hl,.sms,.kwr,.kc,.blnl,.stl,.hls,.kls,.fs,.fm{ display:table-cell; background:#8B8686;}
.ym,.md,.anr,.jlq,.nstlwq,.hl,.kwr,.blnl,.hls,.fs{ background-image:url(../images/touxiang1.png); background-size:100% 100%;}
.lyc,.idmz,.kb,.zxy,.ml,.sms,.kc,.stl,.kls,.fm{background-image:url(../images/touxiang2.png); background-size:100% 100%;}

.snow{ display:block; background:url(../images/snow.png) no-repeat;width:30px; height:31px; top:-60px; left:50px; background-size:100% 100%;
-webkit-transform:rotate(0deg) translateY(0); position:absolute;
-webkit-animation: snow_down 7s ease-in 0s 1 forwards;
}
@-webkit-keyframes snow_down{
    0% {-webkit-transform:rotate(0deg);top:-60px;}
 100% {-webkit-transform:rotate(720deg);top:100%;}
}

.dingdang{display: block;
background: url(../images/dingdang.png) no-repeat;
position: absolute;
background-size: 100% 100%;
width: 18px;
height: 18px;
top: 1px;
left: 49px;
 -webkit-animation: ddwiggle 0.2s ease-in 0s infinite forwards;
}
@-webkit-keyframes ddwiggle{
    0% {-webkit-transform:rotate(0deg)}
 25% {-webkit-transform:rotate(-6deg)}
    50% {-webkit-transform:rotate(0deg)}
 75% {-webkit-transform:rotate(6deg)}
 100% {-webkit-transform:rotate(0deg)}
}
.origin_btn{background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#e44234), from(#ff885b));
border: 1px solid #e4841e;
-webkit-box-shadow: inset 0px 1px 1px #ffad76,0px 2px 1px #ecebeb;
color: #fff; font-size:16px;
display: block;
text-align: center;
padding: 7px 0;
width: 80%;
margin: 0 auto;
-webkit-border-radius: 10px;
text-decoration: none;
margin-bottom: 10px;}
.gray_btn{background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#3a3a39), from(#837664));
border: 1px solid #393939;
-webkit-box-shadow: inset 0px 1px 1px #a89b82,0px 2px 1px #ecebeb;
color: #fff;font-size:16px;
display: block;
text-align: center;
padding: 7px 0;
width: 80%;
margin: 0 auto;
-webkit-border-radius: 10px;
text-decoration: none;
margin-bottom: 10px;

}
.error{color:#FB060A; text-align:center; display:none;}
.green_btn{background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#199e4c), from(#00d487));
border: 1px solid #199e4c;
-webkit-box-shadow: inset 0px 1px 1px #00e1ab,0px 2px 1px #ecebeb;
color: #fff;font-size:16px;
display: block;
text-align: center;
padding: 7px 0;
width: 80%;
margin: 0 auto;
-webkit-border-radius: 10px;
text-decoration: none;
margin-bottom: 10px;}
.start_btnzone{ position: absolute;
top: 65%;
width: 100%;}
.restart_btnzone{ position: absolute;
top: 260px;
width: 100%;}
.rule_btn{color:#2b2b2b; text-align:center; text-align:center; display:block; text-decoration:none;}
.logo_zone{ position:absolute; width:100%; top:70px; }
.logo{ background:url(../images/shengdan.png) no-repeat; background-size:100% 100%; width:208px; height:56px; display:block; margin:0 auto -56px;
-webkit-transform: translateY(-130px);
-webkit-animation: logo_show 1s ease-in 1s 1 forwards;
}
@-webkit-keyframes logo_show{
    0% {-webkit-transform:translateY(-130px);}
 100% {-webkit-transform:translateY(0);}
}
.logo_snow{background:url(../images/snow_font.png) no-repeat; background-size:100% 100%; width:208px; height:56px; display:block; margin:0 auto ; 
-webkit-animation: logo_snow 2s ease-in 2s 1 forwards; opacity:0;
}
@-webkit-keyframes logo_snow{
    0% {opacity:0;}
 100% {opacity:1;}
}
.maidi{ background: url(../images/maidi.png) no-repeat;
display: block;
width: 30px;
height: 35px;
background-size: 100% 100%;
position: absolute; 
left: 149px;
top: 15px;
opacity: 1;
z-index: 1;
/*-webkit-animation: md_wiggle 0.2s ease-in 3s infinite forwards;*/
}
@-webkit-keyframes md_wiggle{
    0% {-webkit-transform:rotate(0deg);opacity:1;}
 25% {-webkit-transform:rotate(-3deg)}
    50% {-webkit-transform:rotate(0deg)}
 75% {-webkit-transform:rotate(3deg)}
 100% {-webkit-transform:rotate(0deg);opacity:1;}
}

.tree{ background: url(../images/tree.png) no-repeat;
background-size: 100% 100%;
-webkit-background-size:100% 100%;
width: 88px;
height: 108px;
display: block;
margin: 0 auto;
position:relative; 
z-index:99;
}
@-webkit-keyframes tree_snow{
    0% {transform:scale(0,0);-webkit-transform:scale(0,0);}
 100% {transform:scale(1,1);-webkit-transform:scale(1,1);}
}

@media all and (orientation : portrait){ /*配竖屏的状态*/
.gift_zone{ position: absolute;
width: 100%;
top: 180px;}
} 

@media all and (orientation : landscape) { 
.gift_zone{ position: absolute;
width: 100%;
top: 41%;}
} 

.gift_inner{ width:300px; margin:0 auto; position:relative;}
.box{ background: url(../images/box.png) no-repeat;
display: block;
width: 43px;
height: 42px;
background-size: 100% 100%;
float: right;
margin: -41px 30px 0 0;
-webkit-transform:translateX(150px);

}
.box_an{-webkit-animation: box_snow 1s ease-in 2s 1 forwards;}
@-webkit-keyframes box_snow{
    0% {-webkit-transform:translateX(150px);}
 100% {-webkit-transform:translateX(0px);}
}
.gift{background: url(../images/wazi.png) no-repeat;
display: block;
width: 42px;
height: 34px;
margin: -35px 0px 0 0px;
background-size: 100% 100%;-webkit-transform:translateX(-100px);

}
.gift_an{-webkit-animation: gift_snow 1s ease-in 2s 1 forwards;}
@-webkit-keyframes gift_snow{
    0% {-webkit-transform:translateX(-100px);}
 100% {-webkit-transform:translateX(0px);}
}
.grule_content{ display:block; margin:0 10px; overflow-y:auto; height:100%;}
.grule_content h3{ text-align:center;}
.grule_content p{ font-size:12px;}
.rule_btn{ text-align:center; margin-bottom:20px;}
.rest_txt{ color: #fff;
font-size: 12px;
text-align: center;
margin-top: 10px;}
.share_icon{ background: url(../images/share.png) no-repeat;
display: inline-block;
width: 25px;
height: 25px;
background-size: 100%;
margin: 0 0 -10px 10px;}
.rest_tree{ background: url(../images/tree.png) no-repeat;
display: block;
width: 88px;
height: 108px;
background-size: 100%;
margin: 0 auto;
position: relative;
line-height: 137px;
vertical-align: middle;
text-align: center;
color: #fff;
font-size: 22px;
margin-top: 20px;}
.congratulate{ text-align:center; color:#27ae60; font-size:18px; margin:10px 0;}
.cong_gift{ text-align:center; color:#fff; font-size:12px; line-height:20px;}
.gift_codezone{  display:none; width:100%; height:100%; position:absolute;top:0px; left:0px;/*background: url(../images/bg.jpg) no-repeat #fff;
background-size: 100% 300px;*/background: url(../images/logo.png) center 95% no-repeat #fff; background-size:45%; z-index: 101;-webkit-transform:translate(0%,0%);}
.gift_code_icon{ display:block; margin:50px auto 30px; width:60px; background:url(../images/box.png) no-repeat; height:70px; background-size:100% 100%;}
.gift_contxt{ text-align:center; color:#27ae60; font-size:18px; margin-bottom:20px;}
.gift_pack_code{ text-align:center; color:#2b2b2b; font-size:20px; margin-bottom:20px;}
.gift_dialog_confirm{border-radius:5px; background:#fff; position:absolute;top:30%; padding:10px; font-size:14px; text-align:center; opacity:1; display:none; z-index:999999;}
.gift_dialog_confirm dt,.gift_dialog_confirm dd{padding:0; margin:10px 0;}
.gift_dialog_confirm dd a{display: table-cell; color:#000; text-decoration:none;
width: 100px;}
.share_back{ background:url(../images/back.png) no-repeat; display:inline-block; width:30px; height:30px; background-size:100% 100%;}

.nbalogo{ background: url(../images/logo.png) no-repeat;
display: block;
width: 131px;
height: 56px;
background-size: 100% 100%;
-webkit-transform:translate(0%,-100px);
margin: -62px auto 8px;
-webkit-animation: nbalogo_show 0.5s ease-in 2s 1 forwards;
}

@-webkit-keyframes nbalogo_show{
    0% {-webkit-transform:translateX(-100px);}
 100% {-webkit-transform:translateX(0px);}
}

.peson1{background: url(../images/man_1.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 63px;
height: 63px;
position: absolute;
top: 40px;
left: -10px;
-webkit-animation: peson1_show 0.5s ease-in 1.5s 1 forwards;
-webkit-transform:translateX(-100px);
opacity:0;
}
@-webkit-keyframes peson1_show{
    0% {-webkit-transform:translateX(-100px);opacity:0;}
 100% {-webkit-transform:translateX(0px);opacity:1;}
}
.peson2{background: url(../images/man_2.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 42px;
height: 68px;
position: absolute;
top: 40px;
left: 40px;
-webkit-animation: peson2_show 0.5s ease-in 1s 1 forwards;
-webkit-transform:translateY(-100px);opacity:0;
}
@-webkit-keyframes peson2_show{
    0% {-webkit-transform:translateY(-100px);opacity:0;}
 100% {-webkit-transform:translateY(0px);opacity:1;}
}
.peson3{background: url(../images/man_3.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 51px;
height: 82px;
position: absolute;
top: 25px;
left: 70px;
-webkit-animation: peson3_show 0.8s ease-in 0.5s 1 forwards;
-webkit-transform:translateX(-300px);
opacity:0;
}
@-webkit-keyframes peson3_show{
    0% {-webkit-transform:translateX(-300px);opacity:0;}
 100% {-webkit-transform:translateX(0px);opacity:1;}
}

.peson4{background: url(../images/man_4.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 52px;
height: 78px;
position: absolute;
top: 29px;
right: 68px;
-webkit-animation: peson4_show 0.8s ease-in 0.5s 1 forwards;
-webkit-transform:translateX(300px);
opacity:0;}
@-webkit-keyframes peson4_show{
    0% {-webkit-transform:translateX(300px);opacity:0;}
 100% {-webkit-transform:translateX(0px);opacity:1;}
}
.peson5{background: url(../images/man_5.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 56px;
height: 65px;
position: absolute;
top: 37px;
right: 17px;-webkit-animation: peson5_show 0.5s ease-in 1s 1 forwards;
-webkit-transform:translateY(-100px);
opacity:0;}
@-webkit-keyframes peson5_show{
    0% {-webkit-transform:translateY(-100px);opacity:0;}
 100% {-webkit-transform:translateY(0px);opacity:1;}
}
.peson6{background: url(../images/man_6.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
width: 47px;
height: 53px;
position: absolute;
top: 48px;
right: -8px;
-webkit-animation: peson6_show 1.5s ease-in 1s 1 forwards;
-webkit-transform:translateX(100px);
opacity:0;
}
@-webkit-keyframes peson6_show{
    0% {-webkit-transform:translateX(100px);opacity:0;}
 100% {-webkit-transform:translateX(0px);opacity:1;}
}
#finput{ display:block;}
#fstatus{ display:none;}
#fstatus p{ text-align:center;}
.logo_text{ text-align:center; color:#fff; font-size:14px; opacity:0;-webkit-animation: logo_txt_show 0.8s ease-in 1s 1 forwards;}
@-webkit-keyframes logo_txt_show{
    0% {opacity:0;}
 100% {opacity:1;}
}